<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style type="text/css">
    a {text-decoration:none;}
    a:visited{color:#000;}
</style>
<div class="easyui-accordion" data-options="fit:true,border:false">
    <div title="车辆管理" data-options="iconCls:'icon-work-set'">
        <ul class="easyui-tree">
            <li data-options="iconCls:'icon-work-add'">
                <a href="#" onclick="addTab('车辆管理','${ctx}/manage/car/index')">车辆管理</a>
            </li>
            <li data-options="iconCls:'icon-work-add'">
                <a href="#" onclick="addTab('自有车辆','${ctx}/manage/cartype/indextype?type=0')">自有车辆</a>
            </li>
            <li data-options="iconCls:'icon-work-add'">
                <a href="#" onclick="addTab('已售车辆','${ctx}/manage/cartype/indextype?type=1')">已售车辆</a>
            </li>
            <li data-options="iconCls:'icon-work-add'">
                <a href="#" onclick="addTab('托管车辆' ,'${ctx}/manage/cartype/indextype?type=2')">托管车辆</a>
            </li>
        </ul>
    </div>
    <div title="监控中心" data-options="iconCls:'icon-res-batch'">
        <ul class="easyui-tree">
            <li data-options="iconCls:'icon-work-add'">
                <a href="#" onclick="addTab('监控中心','${ctx}/manage/resource/html/dw/dw.html')">监控中心</a>
            </li>

            <li data-options="iconCls:'icon-work-add'">
                <a href="#" onclick="addTab('设置车辆','${ctx}/manage/resource/html/backpage/Products_List.html')">设置车辆</a>
            </li>
        </ul>
    </div>
    <div title="统计中心" data-options="iconCls:'icon-large-chart'">
        <ul class="easyui-tree">
            <li data-options="iconCls:'icon-work-add'">
                <a href="#" onclick="addTab('统计中心','${ctx}/manage/resource/html/pie-legend.html')">统计中心</a>
            </li>
        </ul>
    </div>
    <div title="订单管理" data-options="iconCls:'icon-work-set'">
        <ul class="easyui-tree">
            <li data-options="iconCls:'icon-work-add'">
                <a href="#" onclick="addTab('订单管理','${ctx}/manage/order/index')">订单管理</a>
            </li>
        </ul>
    </div>
    <div title="系统管理" data-options="iconCls:'icon-set'">
        <ul class="easyui-tree">
            <li data-options="iconCls:'icon-work-add'">
                <a href="#" onclick="addTab('修改密码','${ctx}/manage/main/updatePass')">修改密码</a>
            </li>
        </ul>
    </div>
</div>
<script>
    function addTab(title, url){
        if ($('#tt').tabs('exists', title)){
            $('#tt').tabs('select', title);
        } else {
            var content = '<iframe marginheight="0" marginwidth="0" hspeace="0" vspace="0" frameborder="0" scrolling=""  src="' + url + '" style="width:100%;height:100%;"></iframe>';
            $('#tt').tabs('add',{
                title:title,
                content:content,
                closable:true
            });
        }
    }
</script>